<template>
    <div class="midbottom">
        <div class="mid-infor">
            <inforfont-vue>IP 属地 ： </inforfont-vue>
            <inforfont-vue>{{address}}</inforfont-vue>
            <inforfont-vue class="spe">加入ESDN时间 ： </inforfont-vue>
            <inforfont-vue>{{time}}</inforfont-vue>
        </div>
        <div class="mid-intro">
            <inforfont-vue>个人简介 ： </inforfont-vue>
            <inforfont-vue>{{introduce}}</inforfont-vue>
        </div>
    </div>

</template>

<script>
import inforfontVue from "@/components/Mypage/MyInformation/InforFont"
export default {
    props: {
        address: {
            type: String,
            default: '福州大学'
        },
        time: {
            type: String,
            default: '2000-01-01'
        },
        introduce:{
            type:String,
            default:'无'
        },
    },
    components: {
        inforfontVue,
    }
}
</script>

<style scoped>
.mid-infor {
    margin-top: 10px;
    display: flex;
}

.spe {
    margin-left: 50px;
}
.mid-intro{
    display: flex;
    margin-top: 10px;
}
</style>